.contextmenu {
    position: fixed;
    top: 0;
    left: 0;
    padding: 5px 6px;
    border-radius: 4px;
    background-color: var(--edit-bg-color);
    border: 1px solid var(--edit-border-color-light);
    box-shadow: var(--edit-box-shadow-light);
    z-index: 9999;
    &-item {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: space-between;
        list-style: none;
        line-height: 22px;
        padding: 5px 10px;
        font-size: 14px;
        color: var(--edit-text-color-primary);
        border-radius: 4px;
        cursor: pointer;
        &.disabled {
            color: var(--edit-text-color-disabled);
            cursor: not-allowed;
            .tip-txt {
                color: var(--edit-text-color-disabled);
            }
            &:hover {
                .tip-txt {
                    color: var(--edit-text-color-disabled);
                }
            }
        }
        &:last-child {
            border-bottom: 0;
        }
        &:hover {
            background-color: var(--edit-fill-color-dark);
            .contextmenu-submenu {
                display: block;
            }
            .tip-txt {
                color: var(--edit-text-color-regular);
            }
        }
        & > .el-icon {
            margin-right: 10px;
        }
        & > span {
            flex: 1;
        }
        .tip-txt {
            color: var(--edit-text-color-disabled);
            margin: 0 5px 0 20px;
        }
        .titel-tip {
            color: var(--edit-text-color-disabled);
            margin-left: 5px;
        }
        .rigth-icon {
            position: absolute;
            right: 0;
            top: 50%;
            transform: translate(0, -50%);
            display: flex;
            align-items: center;
            color: var(--edit-text-color-disabled);
            font-size: 12px;
        }
    }
    &-submenu {
        position: absolute;
        width: 100%;
        width: max-content;
        left: calc(100% + 5px);
        top: -6px;
        padding: 5px 6px;
        border-radius: 4px;
        background-color: var(--edit-bg-color);
        border: 1px solid var(--edit-border-color-light);
        box-shadow: var(--edit-box-shadow-light);
        display: none;
        &::before {
            content: '';
            position: absolute;
            top: 0;
            left: -10px;
            width: 10px;
            // height: 42px;
            height: 100%;
        }
    }
    &-divider {
        width: 100%;
        border-bottom: 1px solid var(--edit-border-color-light);
        margin: 3px 0;
    }
}